如何搭建个人博客?
这是我的个人网站: www.weaci.cn
准备
需要做到以下三点:
1.安装git
如果官方网速太慢的话,也可以移步百度云镜像
下载安装即可。
安装完毕之后,如果你的菜单里出现了git bash(一个类似于命令行窗口的东西)的话,那么恭喜你,你已经成功安装啦!
安装完毕后,我们先不要着急,在窗口分别输入以后两行代码:
$ git config --global user.name "你的账号名"
$ git config --global user.email "你的邮箱名"
这样,你的gitbash就能连接到你的远程git上啦。
2.[安装node.js]()
node -v
查看是否安装node.js成功
3.安装hexo
我们可以通过执行以下命令来
npm install -g hexo
或者可以用Facebook的包管理工具yarn来执行
npm install -g yarn
比较坑爹的是yarn也需要通过npm来安装
hexo -v
查看是否安装成功
cd进入一个空的文件夹,执行:
hexo init
初始化命令,执行后在本地可以看到一些文件,到了这步,建立博客所有需要的文件都已经准备好了
怎么样,是不是已将迫不及待了呢试着在输入
hexo server
或者简写成:
hexo s
打开你的浏览器输入http://localhost:4000 就可以看到属于你的第一个个人博客了。
配置github
建立Repository
建立与你用户名对应的仓库,仓库名为username.github.io
打开hexo文件夹里的_config.yml
vim _config.yml
翻到最下面,将代码改成:
deploy:
type: git
repo: https://github.com/username/username.github.io
branch: master
然后执行命令:
npm install hexo-deployer-git --save
在你对博客进行修改后可以通过执行:
hexo clean
清理缓存
hexo generate
生成静态网页
hexo deploy
提交
可以简写成:
hexo g -d
现在我们就可以通过username.github.io来访问你的博客啦。
hexo主题
Hexo 有两份主要的配置文件(_config.yml),一份位于站点根目录下,另一份位于主题目录下。为了描述方便,在以下说明中,将前者称为 站点配置文件,后者称为 主题配置文件。
Hexo 安装主题的方式非常简单,只需要将主题文件放置于站点目录的 themes 目录下,然后修改下配置文件即可。具体到 NexT 来说,安装步骤如下。
下载 NexT 主题:
-
进入博客根目录/themes/, 执行
$git clone https://github.com/iissnan/he...
或者直接进入上面的链接,在项目主页download zip文件,然后解压到博客根目录/themes/ 文件夹
启用主题
克隆/下载 完成后,打开 站点配置文件,找到 theme 字段,并将其值更改为 next 。
验证主题是否启用
运行 hexo s --debug ,并访问 http://localhost:4000 ,确保站点正确运行。
绑定域名
如果有自己的域名的话,我们可以直接通过域名来上你的个人博客,如果没有的话可以到腾讯云上购买一个,现在最低只要一块钱。
在你的博客根目录/_config.yml下修改
# Site
title: myblog # 博客名
subtitle: it is my blog # 副标题
description: # 站点描述
author: # 作者名
language: zh-Hans # 语言设置
timezone:
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: yoursite # 博客所要绑定的域名,没有则不填
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名
点击添加解析,记录类型选A或CNAME,A记录的记录值就是ip地址,github(官方文档)提供了两个IP地址,192.30.252.153和192.30.252.154,这两个IP地址为github的服务器地址,两个都要填上,解析记录设置两个www和@,线路就默认就行了,CNAME记录值填你的github博客网址:username.github.io
提交到百度
打开百度搜索 site:your site
点击提交网址,设置好站点属性之后,我们选择第三种验证方式CNAME验证
第一步:你要有自己的域名并使用CNAME解析
第二步:如图添加一条新的CNAME解析:记录类型是CNAME,主机记录是百度给你的一串字符,记录值是ziyuan.baidu.com,其他默认
好了,到这里我们就大功告成了,如有不足,请不吝指出,谢谢
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。